import 'package:flutter/material.dart';



// 创建一个带有扩展的布局
class ExpandedView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        //第一个元素
        Container(color: Colors.black,height: 180.0,),
        
        //间距
        SizedBox(height: 10.0,),

        //第二个横向排布的元素
        Row(
          children: [
            Expanded(flex: 2,
              child: Container(height: 180.0, child:Image.network("https://www.itying.com/images/flutter/1.png", fit: BoxFit.cover,),)
            ),//第一个图片
            SizedBox(width: 10.0,),
            Expanded(
              flex: 2,
              child: Column(
                children: [
                  Container(height: 85.0,child:Row(children: [Expanded(child: Image.network("https://www.itying.com/images/flutter/2.png",fit: BoxFit.cover,) ,flex: 1,)],)),
                  SizedBox(height: 10.0,),
                  Container(height: 85.0,child:Row(children: [Expanded(child: Image.network("https://www.itying.com/images/flutter/3.png",fit: BoxFit.cover,) ,flex: 1,)],)),
                ],
              )
            )
          ],
        )

      ],
    );
  }
}